@
keyframes six-run { 0%{
	background-position-y: 0
}

100%{
background-position-y
:
-180%
}
}
.six {
	height: 260px;
	transform-origin: 0 0;
	background: url(../images/six/bg.jpg) no-repeat #000;
	position: relative
}

.six .top {
	height: 48px
}

.six .top .bet {
	font-size: 14px;
	color: #e5d91a;
	position: absolute;
	text-align: center;
	top: 10px;
	left: 10px;
	line-height: 25px
}

.six .top .bet em {
	font-family: "arial black";
	font-style: normal !important;
	margin: 0
}

.six .top .number {
	position: absolute;
	left: 170px;
	top: 3px
}

.six .top .sound {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 8px;
	right: 10px
}

.six .top .sound img {
	border-radius: 50%;
	width: 100%
}

.six .top .sound img.m2 {
	display: none
}

.six .top .off img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	display: none
}

.six .top .off img.m2 {
	display: block
}

.six .top .lottery {
	position: absolute;
	right: 50px;
	top: 10px;
	font-size: 16px;
	color: #e5d91a;
	font-family: "微软雅黑";
	width: 100px;
	text-align: right
}

.six .top .number em {
	float: left;
	width: 28px;
	height: 30px;
	background: url(../images/six/num.png) no-repeat;
	margin: auto
}

.six .top .number .n0 {
	background-position-y: 0
}

.six .top .number .n1 {
	background-position-y: 10%
}

.six .top .number .n2 {
	background-position-y: 20%
}

.six .top .number .n3 {
	background-position-y: 30%
}

.six .top .number .n4 {
	background-position-y: 40%
}

.six .top .number .n5 {
	background-position-y: 50%
}

.six .top .number .n6 {
	background-position-y: 60%
}

.six .top .number .n7 {
	background-position-y: 70%
}

.six .top .number .n8 {
	background-position-y: 80%
}

.six .top .number .n9 {
	background-position-y: 90%
}

.six .content ul {
	margin: 54px 0 auto 34px;
	transition: all .2s;
	position: relative
}

.six .content li {
	width: 37px;
	float: left;
	margin: -6px 2px auto -1px;
	position: relative;
	z-index: 99
}

.six .content li.index1, .six .content li.index3, .six .content li.index5
	{
	margin-left: -1px
}

.six .content li.index6 {
	margin-left: 33px
}

.six .content li em {
	display: block;
	margin: 5px auto;
	background: url(../images/six/number1.png) no-repeat;
	background-size: 100% auto;
	background-position: center .35%;
	height: 36px;
	transition: background .2s
}

.six .content li label {
	display: block;
	margin: 15px auto 5px;
	background: url(../images/six/number-result.png) no-repeat center top;
	height: 34px;
	transition: all .2s
}

.six .content li label:first-child.red {
	background-position: 51% 0
}

.six .content li label:first-child.blue {
	background-position: 0 0
}

.six .content li label:first-child.green {
	background-position: 104% 0
}

.six .content ul .n1 {
	background-position-y: 2.4%
}

.six .content ul .n2 {
	background-position-y: 4.43%
}

.six .content ul .n3 {
	background-position-y: 6.46%
}

.six .content ul .n4 {
	background-position-y: 8.49%
}

.six .content ul .n5 {
	background-position-y: 10.52%
}

.six .content ul .n6 {
	background-position-y: 12.55%
}

.six .content ul .n7 {
	background-position-y: 14.58%
}

.six .content ul .n8 {
	background-position-y: 16.61%
}

.six .content ul .n9 {
	background-position-y: 18.64%
}

.six .content ul .n10 {
	background-position-y: 20.67%
}

.six .content ul .n11 {
	background-position-y: 22.7%
}

.six .content ul .n12 {
	background-position-y: 24.73%
}

.six .content ul .n13 {
	background-position-y: 26.75%
}

.six .content ul .n14 {
	background-position-y: 28.78%
}

.six .content ul .n15 {
	background-position-y: 30.8%
}

.six .content ul .n16 {
	background-position-y: 32.8%
}

.six .content ul .n17 {
	background-position-y: 34.83%
}

.six .content ul .n18 {
	background-position-y: 36.9%
}

.six .content ul .n19 {
	background-position-y: 38.9%
}

.six .content ul .n20 {
	background-position-y: 40.92%
}

.six .content ul .n21 {
	background-position-y: 42.95%
}

.six .content ul .n22 {
	background-position-y: 45%
}

.six .content ul .n23 {
	background-position-y: 47%
}

.six .content ul .n24 {
	background-position-y: 49.05%
}

.six .content ul .n25 {
	background-position-y: 51.1%
}

.six .content ul .n26 {
	background-position-y: 53.1%
}

.six .content ul .n27 {
	background-position-y: 55.1%
}

.six .content ul .n28 {
	background-position-y: 57.15%
}

.six .content ul .n29 {
	background-position-y: 59.2%
}

.six .content ul .n30 {
	background-position-y: 61.2%
}

.six .content ul .n31 {
	background-position-y: 63.2%
}

.six .content ul .n32 {
	background-position-y: 65.25%
}

.six .content ul .n33 {
	background-position-y: 67.3%
}

.six .content ul .n34 {
	background-position-y: 69.3%
}

.six .content ul .n35 {
	background-position-y: 71.34%
}

.six .content ul .n36 {
	background-position-y: 73.38%
}

.six .content ul .n37 {
	background-position-y: 75.43%
}

.six .content ul .n38 {
	background-position-y: 77.4%
}

.six .content ul .n39 {
	background-position-y: 79.45%
}

.six .content ul .n40 {
	background-position-y: 81.47%
}

.six .content ul .n41 {
	background-position-y: 83.5%
}

.six .content ul .n42 {
	background-position-y: 85.5%
}

.six .content ul .n43 {
	background-position-y: 87.58%
}

.six .content ul .n44 {
	background-position-y: 89.6%
}

.six .content ul .n45 {
	background-position-y: 91.6%
}

.six .content ul .n46 {
	background-position-y: 93.65%
}

.six .content ul .n47 {
	background-position-y: 95.68%
}

.six .content ul .n48 {
	background-position-y: 97.7%
}

.six .content ul .n49 {
	background-position-y: 99.74%
}

.six .content ul .r1 {
	background-position-y: 12%
}

.six .content ul .r2 {
	background-position-y: 19.8%
}

.six .content ul .r3 {
	background-position-y: 28%
}

.six .content ul .r4 {
	background-position-y: 36%
}

.six .content ul .r5 {
	background-position-y: 44%
}

.six .content ul .r6 {
	background-position-y: 52%
}

.six .content ul .r7 {
	background-position-y: 59.8%
}

.six .content ul .r8 {
	background-position-y: 67.7%
}

.six .content ul .r9 {
	background-position-y: 75.6%
}

.six .content ul .r10 {
	background-position-y: 83.5%
}

.six .content ul .r11 {
	background-position-y: 91.5%
}

.six .content ul .r12 {
	background-position-y: 99.5%
}

.six .content li label:first-child {
	display: none
}

.status-show .content li label:first-child {
	display: block;
	position: absolute;
	z-index: -1;
	top: -11px;
	left: 2px;
	width: 40px;
	height: 40px;
	background: url(../images/six/bs.png) no-repeat;
	background-size: auto 86%
}

.status-show .content li label.c1, .status-show .content li label.c2,
	.status-show .content li label.c7, .status-show .content li label.c8,
	.status-show .content li label.c12, .status-show .content li label.c13,
	.status-show .content li label.c18, .status-show .content li label.c19,
	.status-show .content li label.c23, .status-show .content li label.c24,
	.status-show .content li label.c29, .status-show .content li label.c30,
	.status-show .content li label.c34, .status-show .content li label.c35,
	.status-show .content li label.c40, .status-show .content li label.c45,
	.status-show .content li label.c46 {
	background-position-x: 51.6%
}

.status-show .content li label.c5, .status-show .content li label.c6,
	.status-show .content li label.c11, .status-show .content li label.c16,
	.status-show .content li label.c17, .status-show .content li label.c21,
	.status-show .content li label.c22, .status-show .content li label.c27,
	.status-show .content li label.c28, .status-show .content li label.c32,
	.status-show .content li label.c33, .status-show .content li label.c38,
	.status-show .content li label.c39, .status-show .content li label.c43,
	.status-show .content li label.c44, .status-show .content li label.c49
	{
	background-position-x: 104.9%
}

.six.status-loading .content ul label {
	display: none
}

.six.status-loading .content ul li em {
	background-repeat: repeat-y;
	height: 40px;
	animation: six-run 1s infinite linear
}

.six.status-loading .content li.index1 em {
	animation-duration: .9s
}

.six.status-loading .content li.index2 em {
	animation-duration: .8s
}

.six.status-loading .content li.index3 em {
	animation-duration: .7s
}

.six.status-loading .content li.index4 em {
	animation-duration: .8s
}

.six.status-loading .content li.index5 em {
	animation-duration: .9s
}

.six.status-loading .content li.index6 em {
	animation-duration: .8s
}

.six.status-loading .content li.index7 em {
	animation-duration: .9s
}

.six.status-loading .content li.index8 em {
	animation: none;
	background-position-y: .5% !important
}

.six .countdown {
	position: absolute;
	top: 248px;
	left: 5%;
	width: 90%;
	height: 36px;
	text-align: left
}

.six .countdown label, .six .countdown i {
	height: 22px;
	margin: 10px auto 4px;
	display: inline-block
}

.six .countdown label.xia {
	background: url(../images/six/index.png) no-repeat;
	background-position: -15px 0;
	width: 22px
}

.six .countdown label.qi {
	background: url(../images/six/index.png) no-repeat;
	background-position: -15px 10%;
	width: 29px
}

.six .countdown i {
	width: 13px;
	transition: background-position .2s
}

.six .countdown .i0 {
	background: url(../images/six/index.png) no-repeat;
	background-position-y: 0
}

.six .countdown .i1 {
	background: url(../images/six/index.png) no-repeat;
	background-position-y: 10%
}

.six .countdown .i2 {
	background: url(../images/six/index.png) no-repeat;
	background-position-y: 20%
}

.six .countdown .i3 {
	background: url(../images/six/index.png) no-repeat;
	background-position-y: 30%
}

.six .countdown .i4 {
	background: url(../images/six/index.png) no-repeat;
	background-position-y: 40%
}

.six .countdown .i5 {
	background: url(../images/six/index.png) no-repeat;
	background-position-y: 50%
}

.six .countdown .i6 {
	background: url(../images/six/index.png) no-repeat;
	background-position-y: 60%
}

.six .countdown .i7 {
	background: url(../images/six/index.png) no-repeat;
	background-position-y: 70%
}

.six .countdown .i8 {
	background: url(../images/six/index.png) no-repeat;
	background-position-y: 80%
}

.six .countdown .i9 {
	background: url(../images/six/index.png) no-repeat;
	background-position-y: 90%
}

.six .countdown .i- {
	background: url(../images/six/index.png) no-repeat;
	background-position: -15px 20%
}

.six .countdown em {
	display: block;
	-webkit-box-flex: 1;
	box-flex: 1;
	height: 40px;
	transition: background .2s
}

.six .countdown sub {
	display: inline-block;
	width: 10px;
	height: 36px
}

.six .countdown .timedown {
	position: absolute;
	right: 130px;
	top: -245px;
	text-align: right;
	width: 140px;
	display: box;
	display: -webkit-box
}

.six .countdown[data-length="1"] [data-index="1"], .six .countdown[data-length="1"] [data-index="2"],
	.six .countdown[data-length="1"] [data-index="3"], .six .countdown[data-length="1"] [data-index="4"],
	.six .countdown[data-length="2"] [data-index="2"], .six .countdown[data-length="2"] [data-index="3"],
	.six .countdown[data-length="2"] [data-index="4"], .six .countdown[data-length="3"] [data-index="3"],
	.six .countdown[data-length="3"] [data-index="4"], .six .countdown[data-length="4"] [data-index="4"]
	{
	display: none
}

.six.status-loading .countdown {
	visibility: hidden
}

.six .resultdata {
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%
}

.six .resultdata div {
	display: block;
	clear: both;
	width: 100%;
	padding: 0
}

.six .resultdata em {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: left;
	height: 16px;
	font-style: normal;
	color: #e5d91a;
	font-size: 14px;
	width: 7%
}

.six .resultdata em i {
	margin: 0;
	padding: 0;
	text-align: center
}

.six .resultdata em.i0 {
	width: 40%;
	text-align: left
}

.six .resultdata em.i0 i:first-child {
	width: 52%
}

.six .resultdata em.i0 i:last-child {
	width: 42%
}

.six .resultdata em.i1 {
	width: 58%;
	margin-left: -5px;
}

.six .resultdata em.i1 i {
	width: 9%;
	margin-left: -1px;
}

.six .resultdata em.i1 i:nth-last-child(3), .six .resultdata em.i1 i:nth-last-child(2),
	.six .resultdata em.i1 i:nth-last-child(1) {
	width: 17%
}

.six .resultdata em.i2 {
	width: 7%;
	margin-left: 5%
}

.six .resultdata em.i3 {
	width: 7%;
	margin-left: 2%
}

.six .resultdata em.i4 {
	width: 7.8%
}

.six .resultdata em i {
	font-style: normal;
	display: inline-block;
	margin: 0 .1rem
}

.index2 {
	margin-left: -1px;
}

.index3 {
	margin-left: -1px;
}